// 1、导入包
import React from 'react';

import ReactDOM from 'react-dom';

// 2、创建虚拟DOM
// const mydiv = React.createElement('div', { id: 'mydiv', title: 'this is my div' }, '这就是一个div元素');
// HTML是最优秀的标记语言  ，所以得变化
// 注意：js中不能写这些HTML代码，否则导致打包失败 这种写在js中的HTML叫做jsx语法 符合xml规范的js
// 可以使用babel来转换这些HTML标签
// jsx语法的本质就是React.createElement形式来执行
// const mydiv=<div id="mydiv" title="this is my div">这是一个div元素</div>
    // 3、调用render函数渲染

let title='你好，中国';
const getStr=['毛刺','大户','旺财'];
ReactDOM.render(<div>
    {title}
    <hr></hr>
    {getStr.map(elem=>{
        return <h1 key={elem}>{elem}</h1>
    })}
</div>, document.getElementById('app'));
// 每条语句到底要不要加分号？
// 可以加可以不加，但是必须[] {} () + -
